$(function () {

    init();
    function init() {
        eventList();
        getNavData();
        getContentData(0);
    }
    function eventList() {
        // 点击导航栏获取对应titleId并渲染内容
        $('.nav_list').on('tap', 'li', function () {
            $(this).addClass('active').siblings().removeClass('active');
            let titleId = $(this).data('titleid')
            getContentData(titleId)
        })
    }
    // 获取导航栏数据并渲染
    function getNavData() {
        $.get('http://193.112.55.79:9090/api/getbaicaijiatitle', function (result) {
            if (result.result.length > 0) {
                result = result.result;
                let str = '';
                for (let i = 0; i < result.length; i++) {
                    str += `
                     <li data-titleId=${result[i].titleId} class="${i == 0 ? 'active' : ''}">${result[i].title}</li>
                    `
                }
                $('.nav_list').html(str);
                for (let i = 0; i < $('.nav_list li').length; i++) {
                    const element = [i];

                }
                let navWidth = 2;
                $('.nav_list li').each(function (index, value) {
                    navWidth += $(value).width()
                })
                $('.nav_list').width(navWidth)
                let myScroll = new IScroll('#wrapper', {
                    scrollX: true,
                    scrollY: false
                });
            }
        })
    }
    // 根据titleId获取商品数据并渲染
    function getContentData(titleid) {
        titleid = titleid || 0;
        $.get('http://193.112.55.79:9090/api/getbaicaijiaproduct?titleid=' + titleid, function (result) {
            // console.log(result);    
            if (result.result.length > 0) {
               let  data = result.result;
                let html = template('contentTp',{data:data})
                $('.content').html(html);
            }
        })
    }
})